

<style>
#photoGallery {
    border: 1px solid #000000;
    box-shadow: 3px 3px 10px #111111;
    display: none;
    height: 384px;
    width: 730px;
    z-index: 5;
}
</style>

<div id="introtext-contact" style="border: 0;">

    <h1>Galerija</h1>

        <div id="photoGallery" style="margin-top: 23px;">
                <?
                    $this->load->helper('directory');
                    $map = directory_map('./assets/images/gallery/');
                    
                    $total = count($map);
                    $i=1;
                    foreach($map as $file){
                        ?>
                    
                    <div class="imageElement">
                        
                        <h3>Fotografija <?=$i.'/'.$total?></h3>
                        
                        <img src="<?=base_url();?>assets/images/gallery/<?=$file;?>" class="full" />
                        
                    </div>
                    
                    <? 
                    $i++;
                    }
                ?>         
            </div>
             
    <div class="clear"></div>
</div>
<!-- End of introtext -->
<div class="clear"></div>
<script type="text/javascript">

    function startGallery() {
        var myGallery = new gallery(Moo.$('photoGallery'), {
            timed: true
        });
    }

    $(function() {
        startGallery();
    }); 

</script>